<template>
  <view class="conter" :style="[styleCSS]">
    <view class="conter_head">
      <view class="conter_img">
        <u-image src="@/static/tabs/buku2.png" height="72rpx" width="72prx" radius="50%"></u-image>
        <!-- <image class="Imgraduius" src="@/static/tabs/buku2.png" mode="aspectFit"></image> -->
      </view>
      <view class="conter_title">
        <view>
          <view class="bold">1JUN STJAH</view>
          <view class="hui">订阅数112万</view>
        </view>
        <view class="nextshop" @click="nextShop">{{ shopName }}</view>
      </view>
    </view>
  </view>
</template>
<script setup lang="ts">
export interface Props {
  shopName?: string,
  ishow?: boolean,
  styleCSS?: any
}
const props = withDefaults(defineProps<Props>(), {
  shopName: '进店',
  ishow: true,
  styleCSS: {},
})

function nextShop() {
  uni.navigateTo({
    url: "/pages/shop/shop",
  });
}
</script>
<style scoped lang="scss">
.hui {
  color: #919191;
  font-size: 20rpx;
}

.conter {
  // margin: 30rpx;
  // padding: 30rpx;
  border-radius: 10rpx;
  background: #fff;

  &_head {
    display: flex;
  }

  &_img {
    width: 72rpx;
    height: 72rpx;
    border-radius: 50%;
    border: 1px solid red;
  }

  &_title {
    margin-left: 20rpx;
    line-height: 36rpx;
    display: flex;
    width: 83%;
    justify-content: space-between;
  }
}
</style>